<template>
    <div id="enterpriseLogup">
        <Header></Header>
        <PageDescription :urlAndWords="this.urlAndWords"></PageDescription>
        <div class="outside">
            <div class="textTitle">
                <div class="textStyleOne">用户信息</div>
                <div class="textStyleTwo">单位信息</div>
            </div>
            <div class="Line"></div>
            <form class="layui-form" action="">
                <div class="content">
                    <div class="one">
                        <form class="layui-form" action="" style="margin-top:1%">
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">用户名</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required" placeholder="请输入用户名" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="tip">用户名建议用企业英文简称，5-25个字符，请勿包含姓名/身份证/银行卡等隐私信息，一旦设置成功将无法修改</div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">密码</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required" placeholder="请输入密码" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="tip">6-15位英文和数字组合</div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">确认密码</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required" placeholder="请再次输入密码" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="tip">6-15位英文和数字组合</div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">注册人</label>
                                <div style="display:flex">
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required" placeholder="请输入姓名" autocomplete="off"
                                               class="layui-input" style="width: 100px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入类型（法人/其他）" autocomplete="off"
                                               class="layui-input" style="width: 165px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">联系电话</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入手机号" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">地址</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入地址" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">电子邮箱</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入邮箱" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">证件号码</label>
                                <div style="display:flex">
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入身份证号" autocomplete="off"
                                               class="layui-input" style="width: 140px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                    <div class="layui-btn-container">
                                        <button class="layui-btn layui-btn-primary demo1">--证件类型--
                                            <i class="layui-icon layui-icon-down layui-font-12"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:54%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">单位名称</label>
                                <div style="display:flex">
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入单位名称" autocomplete="off"
                                               class="layui-input" style="width: 140px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入您的职位" autocomplete="off"
                                               class="layui-input" style="width: 130px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="two">
                        <form class="layui-form" action="" style="margin-top:1%">
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">单位名称</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入单位名称" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">企业类型</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="国企/民营/事业/高效/科研/政府" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">法人</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入法人姓名" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">统一编号</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入社会统一编号" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">行业</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">地址</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required|alarmLevel" placeholder="请输入地址" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">联系电话</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required" placeholder="请输入手机号" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">描述</label>
                                <div class="layui-input-inline">
                                    <input type="text" name="alarmLevel" lay-verify="required" autocomplete="off"
                                           class="layui-input" style="width: 280px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%;margin-bottom:2.5%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">营业证</label>
                                <div class="layui-input-inline">
                                    <div class="layui-btn-container" style="display:flex;">
                                        <button type="button" class="layui-btn layui-btn-normal" id="idOne" style="background:#efefef;border-color:#302c2e;color:#030303">选择文件</button>
                                        <button type="button" class="layui-btn layui-btn-normal" id="idOne" style="border-color:#302c2e;background:#ffffff;color:#030303">未选择文件</button>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item" style="padding-left: 10%;fontColor:#d2d2d2;padding-left:23%">
                                <label class="layui-form-label" style="width: 90px;font-size:21px">验证码</label>
                                <div style="display:flex">
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required" placeholder="请输入验证码（区分大小写）" autocomplete="off"
                                               class="layui-input" style="width: 190px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                    <div class="layui-input-inline">
                                        <input type="text" name="alarmLevel" lay-verify="required" placeholder="验证码" autocomplete="off"
                                               class="layui-input" style="width: 80px;height:37px;border: 2px solid #E5E5E5;border-radius: 4px;">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </form>
            <div class="bottom">
                <div class="layui-input-block">
                    <input type="checkbox" name="like1[write]" lay-skin="primary" checked>
                </div>
                <div>已阅读，并充分理解协议中《数字化转型解决方案应用推广公共服务平台隐私政策与使用条款》内容。</div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <div class="submit">
                        <button class="layui-btn" lay-submit lay-filter="formDemo" style="width:15%;border-radius: 4px;background: #3683D2;">注册</button>
                    </div>
                </div>
            </div>
        </div>
        <Footer></Footer>
    </div>
</template>

<script>
    import Header from "@/components/content/header/Header";
    import PageDescription from "@/components/content/pageDescription/PageDescription";
    import Footer from "@/components/content/footer/Footer";
    export default {
        name: "enterpriseLogup",
        components:{
            Header,
            PageDescription,
            Footer
        },
        data(){
            return{
                urlAndWords: {
                    url:require("@/assets/image/logup/enterpriseLogup.jpg"),
                    c_word:'企业注册',
                    e_word:'enterprise registration',
                },
            }
        },
    }
</script>

<style scoped>
    .outside{
        width:100%;
        height: 850px;
    }
    .textTitle{
        display:flex;
    }
    .textStyleOne{
        flex:4;
        padding-left:25%;
        font-size:22px;
        color:#302c2e;
        text-algin:center;
    }
    .textStyleTwo{
        flex:5;
        font-size:22px;
        color:#302c2e;
    }
    .content{
        display:flex;
    }
    .one{
        flex:1;
    }
    .two{
        flex:1;
    }

    .Line{
        width:60%;
        height:1px;
        margin-left:24%;
        background:#efefef;
    }
    .tip{
        padding-left:68%;
        margin-bottom:9px;
    }
    .bottom{
        display:flex;
        margin-top:4%;
        padding-left:30%;
    }
    .submit{
        width: 100%;
        height: 100%;
        text-align: center;
        margin-top: 35px;
    }
    .space{
        margin-top:1%;
        width:40%;
        padding-left:10%;
    }
</style>
